<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			body{
				overflow: hidden;
				background-image: url(img/bg.jpg);
				background-repeat: no-repeat;
				background-size: cover;
			}
		</style>
	</head>
	<body>
	</body>
	<script type="text/javascript" src="js/jquery-1.11.0.js"></script>
	<script type="text/javascript">
		var minSize=5;//雪花的大小
		var maxSize=50;
		var $flak=$('<div></div>').css('position','absolute').html('❄');//添加雪花
		var flakColor='#fff';//雪花的颜色
		$(function(){
			//获取浏览器的宽度和高度；
			var lwidth=document.documentElement.clientWidth||document.body.clientWidth;
			var lheight=document.documentElement.clientHeight;
		  setInterval(function(){
		  	var startleft=Math.random()*lwidth//随机产生雪花离浏览器的left的值
			var startOp=0.7+Math.random()*0.3;//雪花开始的透明度
			var endOp=0.4+Math.random()*0.3;//雪花飘落下面的透明度
			var endleft=Math.random()*lwidth;//雪花下落离浏览器的left的值
			var dur=Math.random()*3000+lheight*10;//时间
			var sizeFlak=minSize+Math.random()*maxSize;//雪花产生的大小
			$flak.clone().appendTo('body').css({
				'left':startleft,//给left的值设置雪花开始的位置
				'opacity':startOp,//设置透明度
				'font-size':sizeFlak,//设置雪花的大小
				'color':flakColor,
				'top':'-55px'//
			}).animate({
				'top':lheight,
				'left':endleft,//给left的值设置雪花下落的位置
				'opacity':endOp,//设置透明度
				
			},dur,function(){
				$(this).remove()//清除div
			});
			},100)
		})
	</script>
</html>
